<!DOCTYPE html>
<html>
<head>
<title>uphgall demo. examples</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="../css/reset.min.css">
<link rel="stylesheet" type="text/css" href="../css/index.css">
</head>

<body>
<div id="wrap">
<iframe width="100%" height="50" src="menu.html"></iframe>
<h1>uphgall. примеры</h1>
<p>
<strong>Для работы галерей из примеров требуется подключение к интернет.</strong>
</p>
<ul class="query">
	<li>
		<a href="../examples/scroller1.html" target="_blank">scroller1</a>
		<p>
		Простейшая конструкция без элементов управления.<br>
		Выборка из альбома по имени автора и названию альбома (<strong>victor.grusha</strong>, <strong>Macro</strong>).<br>
		Включено слайдшоу.
		</p>
	</li>
	<li>
		<a href="../examples/scroller2.html" target="_blank">scroller2</a>
		<p>
		Предыдущая конструкция, но с добавленными некоторыми элементами управления.<br>
		Выборка из альбома по id автора и альбома (<strong>105114498487014071079</strong>, <strong>5745304712067832849</strong>).<br>
		Включено слайдшоу.
		</p>
	</li>
	<li>
		<a href="../examples/list1.html" target="_blank">list1</a>
		<p>
		Список изображений с названиями, тегами, описаниями.<br>
		Выборка 40 фото по тегу <strong>cat</strong>.
		</p>
	</li>
	<li>
		<a href="../examples/album1.html" target="_blank">album1</a>
		<p>
		Альбом с названиями фото, тегами, описанием, датой публикации и миниатюрами.<br>
		Выборка 40 фото по запросу <strong>coral</strong>.
		</p>
	</li>
	<li>
		<a href="../examples/album2css.html" target="_blank">album2 css animation</a><br>
		<a href="../examples/album2js.html" target="_blank">album2 js animation</a>
		<p>
		Пример альбома с CSS3 и javascript анимацией. Браузеры, поддерживающие CSS3 анимацию: chrome 1, safari 3.2, firefox 4, ie 10, opera 10.5.<br>
		CSS3 анимацию можно заменить на javascript для совместимости со старыми браузерами.<br>
		Выборка из альбома по id автора и альбома (<strong>105114498487014071079</strong>, <strong>5751299275091368497</strong>)
		</p>
	</li>
	<li>
		<a href="../examples/multi.html" target="_blank">Несколько галерей на странице</a>
		<p>
		Пример с использованием нескольких галерей на сранице одновременно.<br>
		Для избежания конфликтов у каждой галереи должен быть уникальный идентификатор.<br>
		gallery1: выборка из альбома по id автора и альбома (<strong>105114498487014071079</strong>, <strong>5745304712067832849</strong>)<br>
		gallery2: выборка 5 фото по тегу <strong>moon</strong><br>
		gallery3: выборка 5 фото по тегу <strong>sun</strong>
		</p>
	</li>
	<li>
		<a href="../examples/event.html" target="_blank">Инициализация галереи по событию</a>
		<p>
		Пример инициализация галереи по клику на кнопке.<br>
		Выборка 30 фото по тегу <strong>autumn</strong>.
		</p>
	</li>
</ul>
</div><!--id=wrap-->
</body>
</html>
